body {

    margin: 0;

    padding: 0;

    background: linear-gradient(to bottom, #1e1e1e, #2c3e50);

    overflow: hidden;

    height: 100vh;

}

.pioggia {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

}



.goccia {

    position: absolute;

    width: 2px;

    height: 15px;

    background: rgba(255, 255, 255, 0.5);

    animation: caduta 1s linear infinite;

}

@keyframes caduta {

    0% {

        transform: translateY(-100%);

        opacity: 1;

    }

    100% {

        transform: translateY(100vh);

        opacity: 0;

    }

}